<!DOCTYPE html>
<html>
<head>
  <title></title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="format-detection" content="telephone=no" />
  <link href="/css/style.css" rel="stylesheet">
  <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  <script src="/js/jquery-1.8.3.js" type="text/javascript"></script>
  <script src="/js/jquery.form.js"></script>
  
</head>

<body>

         
        <div class="registration-form">
         
        <form id="form111" action="/summit/viewvip" method="post">
        
            <div class="top1 view" >

    <div class="wapper1" id="basic" style="padding-top: 17%;">
        <img src="/img/jb.png">
    <ul>
        <li>
            <span>姓名</span>
            <input type="text" name="name"   value="">
            <span>性别</span>
            <input type="radio" name="genter" value="男"> <span>男</span>
            <input type="radio" name="genter" value="女"> <span>女</span>
        </li>

        <li>
                <span>联系电话</span>
                <input type="text" id="-telephone" value="">
        </li>

        <li>
                <span>国籍</span>
                <input type="text"   name="nationality" value="">
        </li>

        <li>
               <span>证件类型</span>
                <select id="-card_type" name="card_type" aria-invalid="false" style="background: rgba(0,115,172,0.1);
    border: none;border-left: 2px solid rgba(0,132,177,1);margin-left:5%;">
                   
                    <option value="身份证">身份证</option>
                    <option value="护照">护照</option>
                    <option value="港澳身份证">港澳身份证</option>
                </select>
                
        </li>
         <li>
               <span>证件号码</span>
                
                <input type="text" datatype='*' nullmsg="请填写证件号码" name="card_num"  style="margin-left:6%;" value="">
        </li>

        <li>
                <span>单位</span>
                <input type="text" datatype='*' nullmsg="请填写单位" name="dealer"  value="">
        </li>

        <li>
                <span>职位</span>
                <input type="text" datatype='*' nullmsg="请填写职位"  name="post" value="">
        </li>
       
         <li>
                <span><label class="control-label" for="registration-accompanied">
                        所属嘉宾
                    </label></span>
                     <input type="text" id="accompanied"  name="accompanied" value=" ">
                  </li>              
       

        <li>
                <span>备用联系人</span>
                <input type="text" datatype='*' nullmsg="请填写备用联系人"  name="spare_contact" value="">
        </li>

        <li>
                <span>备用联系人电话</span>
                <input type="text" datatype='*' nullmsg="请填写备用联系人电话" style="width: 50%; "  name="spare_contact_phone" value="">
        </li>
    </ul>
</div>

</div>

   <div class="Validform_checktip"></div>     
        <input id="next" style="" value="" type="submit">




        </form>
         
          
        
    </div>
         
          
        
    

</body>
</html>
<script>
$("#form111").Validform({
        tiptype:function(msg,o,cssctl){
            if(!o.obj.is("form")){//验证表单元素时o.obj为该表单元素，全部验证通过提交表单时o.obj为该表单对象;
                var objtip=o.obj.siblings(".Validform_checktip");
                cssctl(objtip,o.type);
                objtip.text(msg);
            }
        }
    });







 
























</script>

